<%@ page language="java"  pageEncoding="UTF-8"%>
<%
	request.setCharacterEncoding("UTF-8");
	response.setCharacterEncoding("UTF-8");
	String url=request.getParameter("pdf_urls");
%>
<!DOCTYPE html>
<html>
<head>
	<%@ include file="../../WEB-INF/jsp/include.jsp"%>
<link rel="icon" href="<%=BASE_PATH%>generic/web/favicon.ico">
<link rel="stylesheet" type="text/css" href="<%=BASE_PATH%>generic/web/css/component.css" />
<link rel="stylesheet" type="text/css" href="<%=BASE_PATH%>generic/web/css/animations.css" />
</head>
<style>
body{
	position:relative;
	width:100%;
	height:100%;
	overflow:auto;
}
.pt-page{
	width:100%;
	height:100%;
	overflow-y:hidden;
	overflow-x: auto;
	margin-top: 32px;

}
.hideT{
	display:none;
}
.arrow::before{
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-radius: 50%;
	background: #fff;
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
.arrow{
	position: absolute;
	z-index: 89;
	top: 49%;
	width: 50px;
	height: 50px;
	background-image: url(http://ns2.bdstatic.com/static/fisp_static/focustop/img/carousel/icon-carousel_8fef694.png)\9;
	background-repeat: no-repeat;
}
.carousel-btn-prev {
	left: 15px;
	background-position: -10px -95px\9;
}

.carousel-btn-prev:hover {
	background-position: -110px -96px\9;
}

.carousel-btn-next {
	right: 15px;
	background-position: -160px -95px\9;
}

.carousel-btn-next:hover {
	background-position: -60px -96px\9;
}

.icon-wrap {
	position: relative;
	display: block;
	width: 80%;
	height: 80%;
	margin: 10% 0 0 10%;
}

.arrow-right{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.icon-wrap::before,
.icon-wrap::after {
	content: " ";
	position: absolute;
	left: 25%;
	width: 3px;
	height: 50%;
	background: #fff;
	-webkit-transition: -webkit-transform .3s, background-color .3s;
	transition: transform .3s, background-color .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.icon-wrap::before {
	-webkit-transform: translateX(-50%) rotate(30deg);
	transform: translateX(-50%) rotate(30deg);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.icon-wrap::after {
	top: 50%;
	-webkit-transform: translateX(-50%) rotate(-30deg);
	transform: translateX(-50%) rotate(-30deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.arrow:hover::before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.arrow:hover .icon-wrap::before,
.arrow:hover .icon-wrap::after {
	background: #c00
}

.arrow:hover .icon-wrap::before {
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg)
}

.arrow:hover .icon-wrap::after {
	-webkit-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg)
}

#viewerContainer{
	max-height:500px!important;
}
#pagedropdownT{
	z-index:999;
	position: absolute;
	width: 100%;
	height: 32px;
	background: url();
	border-bottom: 1px solid grey;
}
.pagedropdown{
	min-width: 60px!important;
	padding: 3px 6px!important;
	margin: 4px 0 4px 0!important;
	border: 1px solid transparent!important;
	border-radius: 2px!important;
	background-color: hsla(0,0%,100%,.09)!important;
	background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0))!important;
	background-clip: padding-box!important;
	border: 1px solid hsla(0,0%,0%,.35)!important;
	border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42)!important;
	box-shadow: 0 1px 0 hsla(0,0%,0%,.05) inset, 0 1px 0 hsla(0,0%,100%,.05)!important;
	color: hsl(0,0%,95%)!important;
	font-size: 12px!important;
	line-height: 14px!important;
	outline-style: none!important;
	transition-property: background-color, border-color, box-shadow!important;
	transition-duration: 150ms!important;
	transition-timing-function: ease!important;
	min-height: 24px!important;
}
.ymtool{
	min-width: 16px;
	padding: 3px 6px 3px 2px;
	margin: 4px 2px 4px 0;
	border: 1px solid transparent;
	border-radius: 2px;
	color: hsl(0,0%,85%);
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	cursor: default;
}
.pagedropdownxg{
	min-width:200px!important;
}
.ui.dimmer{
	height:150%!important;
}
#page-container{
	overflow: hidden!important;
}
.addw{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-transform-origin:top left;
	-ms-transform-origin: top left;
	transform-origin:top left;
	-webkit-transform-origin:top left;
}
	.pt-page iframe{
		background:url();
	}
	.pagedropdownsf{
		min-width:100px!important ;
	}
</style>
<body>
<div class="ui active dimmer">
<div class="ui large  indeterminate text loader">正在获取资源。。。</div>
</div>
<div id="pagedropdownT">
	<label  class="ymtool">页面：</label>
	<select class="ui dropdown pagedropdown" id="pagedropdown">
	</select>
	<label  class="ymtool" style="margin-left: 15px;">切换效果：</label>
	<select class="ui dropdown pagedropdown pagedropdownxg" id="pagedropdownxg">
	</select>
	<label  class="ymtool" style="margin-left: 15px;">缩放选项：</label>
	<select class="ui dropdown pagedropdown pagedropdownsf" id="pagedropdownsf">
		<option value="0.5">0.5倍</option>
		<option value="0.75">0.75倍</option>
		<option value="1" selected="selected">1倍</option>
		<option value="1.25">1.25倍</option>
		<option value="1.5">1.5倍</option>
		<option value="1.75">1.75倍</option>
		<option value="2">2倍</option>
		<option value="3">3倍</option>
		<option value="4">4倍</option>
		<option value="5">5倍</option>
	</select>
</div>
<a href="javascript:void(0);" mon="c=top&amp;a=50&amp;col=4&amp;ct=1&amp;pn=0" id="imgplayer-prev" class="carousel-btn-prev arrow ">
<span class="icon-wrap arrow-left"></span>
</a>
<a href="javascript:void(0);" mon="c=top&amp;a=52&amp;col=4&amp;ct=1&amp;pn=0" id="imgplayer-next" class="carousel-btn-next arrow ">
<span class="icon-wrap arrow-right"></span>
</a>
<div class="page-body">
</div>
</body>
<script src="<%=BASE_PATH%>generic/web/js/zoom.js"></script>

<script>
$(function(){
	var url='<%=url%>';
	var pdfUrls=url.split(',')
	/*var pdfUrls=[];*/
	var outClass='';
	var inClass='';
/*	pdfUrls.push("./2016-10-04-2-0.html");
	pdfUrls.push("./2016-10-04-2-1.html");
	pdfUrls.push("./2016-10-04-2-2.html");
	pdfUrls.push("./2016-10-04-2-3.html");
	pdfUrls.push("./2016-10-04-2-4.html");
	pdfUrls.push("./2016-10-04-2-0.html");
	pdfUrls.push("./2016-10-04-2-1.html");
	pdfUrls.push("./2016-10-04-2-2.html");
	pdfUrls.push("./2016-10-04-2-3.html");
	pdfUrls.push("./2016-10-04-2-4.html");
	pdfUrls.push("./2016-10-04-2-0.html");
	pdfUrls.push("./2016-10-04-2-1.html");
	pdfUrls.push("./2016-10-04-2-2.html");
	pdfUrls.push("./2016-10-04-2-3.html");
	pdfUrls.push("./2016-10-04-2-4.html");
	pdfUrls.push("./2016-10-04-2-0.html");
	pdfUrls.push("./2016-10-04-2-1.html");
	pdfUrls.push("./2016-10-04-2-2.html");
	pdfUrls.push("./2016-10-04-2-3.html");
	pdfUrls.push("./2016-10-04-2-4.html");
	pdfUrls.push("./2016-10-04-2-0.html");
	pdfUrls.push("./2016-10-04-2-1.html");
	pdfUrls.push("./2016-10-04-2-2.html");
	pdfUrls.push("./2016-10-04-2-3.html");
	pdfUrls.push("./2016-10-04-2-4.html");
	pdfUrls.push("./2016-10-04-2-0.html");
	pdfUrls.push("./2016-10-04-2-1.html");
	pdfUrls.push("./2016-10-04-2-2.html");
	pdfUrls.push("./2016-10-04-2-3.html");
	pdfUrls.push("./2016-10-04-2-4.html");
	pdfUrls.push("./2016-10-04-2-0.html");
	pdfUrls.push("./2016-10-04-2-1.html");
	pdfUrls.push("./2016-10-04-2-2.html");
	pdfUrls.push("./2016-10-04-2-3.html");
	pdfUrls.push("./2016-10-04-2-4.html");
	pdfUrls.push("./2016-10-04-2-0.html");
	pdfUrls.push("./2016-10-04-2-1.html");
	pdfUrls.push("./2016-10-04-2-2.html");
	pdfUrls.push("./2016-10-04-2-3.html");
	pdfUrls.push("./2016-10-04-2-4.html");
	pdfUrls.push("./2016-10-04-2-0.html");
	pdfUrls.push("./2016-10-04-2-1.html");
	pdfUrls.push("./2016-10-04-2-2.html");
	pdfUrls.push("./2016-10-04-2-3.html");
	pdfUrls.push("./2016-10-04-2-4.html");*/
	var totalpage=pdfUrls.length-1;
	var currentpage=0;
	var height= $(document).height()
	$('body').css('height',height-32+'px')
	paintdh();
	/*clicklarge()*/
	function clicklarge(){
		setTimeout(function(){
			/*document.querySelector( '.pt-page iframe' ).contentWindow.document.getElementById('page-container')*/
		$(".pt-page iframe").contents().find("#page-container").unbind("click")
			$(".pt-page iframe").contents().find("#page-container").on( 'click', function( event ) {
				console.log(2222222222)
				event.preventDefault();
				zoom.to({ element: event.target });
			} );
		},3000)
	}
	var scalesf =1;
	function changeScale(){
		$(".pt-page iframe").contents().find("#page-container #pf1").css({
			"overflow": "hidden",
			"-webkit-transition":" all 0.5s ease-in-out",
			"-moz-transition":" all 0.5s ease-in-out",
			"transition":" all 0.5s ease-in-out",
			"-moz-transform-origin":"top left",
			"-ms-transform-origin": "top left",
			"transform-origin":"top left",
			"-webkit-transform-origin":"top left",
			"-webkit-transform": "scale("+scalesf+")",
			"-moz-transform": "scale("+scalesf+")",
			"-ms-transform":"scale("+scalesf+")",
			"transform": "scale("+scalesf+")",
		});
		setTimeout(function(){
			if(scalesf<1){
				var temp = 1-scalesf;
				temp = (temp/2)*100+3;
				console.log(temp)
				$(".pt-page iframe").contents().find("#page-container #pf1").css({
					"margin-left": ""+temp+"%",
				});
			}else{
				$(".pt-page iframe").contents().find("#page-container #pf1").css({
					"margin-left": "6%",
				});
			}
		},600)
	}
	$('#pagedropdownsf').dropdown({
		onChange:function(value, text, $choice){
			 scalesf=value;
			changeScale()
		},
	});
	function paintdh(){
		var txin=['pt-page-moveFromLeft','pt-page-moveFromBottom','pt-page-moveFromTop','pt-page-moveFromLeft pt-page-ontop','pt-page-moveFromBottom pt-page-ontop','pt-page-moveFromTop pt-page-ontop','pt-page-moveFromLeftFade','pt-page-moveFromBottomFade','pt-page-moveFromTopFade','pt-page-moveFromLeft','pt-page-moveFromBottom','pt-page-moveFromTop','pt-page-moveFromRight pt-page-ontop','pt-page-moveFromLeft pt-page-ontop','pt-page-moveFromBottom pt-page-ontop','pt-page-moveFromTop pt-page-ontop','pt-page-scaleUpDown pt-page-delay300','pt-page-scaleUp pt-page-delay300','pt-page-scaleUp','pt-page-scaleUp','pt-page-scaleUp','pt-page-scaleUpCenter pt-page-delay400', 'pt-page-moveFromLeft pt-page-delay200 pt-page-ontop','pt-page-moveFromTop pt-page-delay200 pt-page-ontop', 'pt-page-moveFromBottom pt-page-delay200 pt-page-ontop','pt-page-flipInLeft pt-page-delay500','pt-page-flipInBottom pt-page-delay500','pt-page-flipInTop pt-page-delay500','pt-page-scaleUp','pt-page-rotateInNewspaper pt-page-delay500','pt-page-moveFromLeft','pt-page-moveFromBottom','pt-page-moveFromTop', 'pt-page-rotatePullLeft pt-page-delay180','pt-page-rotatePullBottom pt-page-delay180','pt-page-rotatePullTop pt-page-delay180','pt-page-moveFromLeftFade','pt-page-moveFromBottomFade','pt-page-moveFromTopFade','pt-page-rotateUnfoldLeft','pt-page-rotateUnfoldTop','pt-page-rotateUnfoldBottom','pt-page-rotateRoomLeftIn','pt-page-rotateRoomTopIn','pt-page-rotateRoomBottomIn','pt-page-rotateCubeLeftIn','pt-page-rotateCubeTopIn', 'pt-page-rotateCubeBottomIn', 'pt-page-rotateCarouselLeftIn','pt-page-rotateCarouselTopIn','pt-page-rotateCarouselBottomIn','pt-page-rotateSidesIn pt-page-delay200','pt-page-rotateSlideIn','pt-page-moveFromRight pt-page-ontop','pt-page-moveFromRight','pt-page-moveFromRight','pt-page-scaleUp', 'pt-page-moveFromRight pt-page-delay200 pt-page-ontop','pt-page-flipInRight pt-page-delay500', 'pt-page-moveFromRight','pt-page-rotateRoomLeftIn', 'pt-page-rotateCarouselLeftIn'];
		var txout = ['pt-page-moveToRight','pt-page-moveToTop','pt-page-moveToBottom','pt-page-fade','pt-page-fade','pt-page-fade','pt-page-moveToRightFade','pt-page-moveToTopFade','pt-page-moveToBottomFade','pt-page-moveToRightEasing pt-page-ontop','pt-page-moveToTopEasing pt-page-ontop','pt-page-moveToBottomEasing pt-page-ontop','pt-page-scaleDown','pt-page-scaleDown','pt-page-scaleDown', 'pt-page-scaleDown', 'pt-page-scaleDown','pt-page-scaleDownUp','pt-page-moveToRight pt-page-ontop','pt-page-moveToTop pt-page-ontop','pt-page-moveToBottom pt-page-ontop','pt-page-scaleDownCenter','pt-page-rotateLeftSideFirst','pt-page-rotateTopSideFirst','pt-page-rotateBottomSideFirst','pt-page-flipOutRight','pt-page-flipOutTop','pt-page-flipOutBottom','pt-page-rotateFall pt-page-ontop','pt-page-rotateOutNewspaper','pt-page-rotatePushRight','pt-page-rotatePushTop','pt-page-rotatePushBottom','pt-page-rotatePushRight','pt-page-rotatePushTop','pt-page-rotatePushBottom','pt-page-rotateFoldRight','pt-page-rotateFoldTop','pt-page-rotateFoldBottom','pt-page-moveToRightFade', 'pt-page-moveToBottomFade','pt-page-moveToTopFade','pt-page-rotateRoomLeftOut pt-page-ontop','pt-page-rotateRoomTopOut pt-page-ontop','pt-page-rotateRoomBottomOut pt-page-ontop','pt-page-rotateCubeLeftOut pt-page-ontop','pt-page-rotateCubeTopOut pt-page-ontop','pt-page-rotateCubeBottomOut pt-page-ontop','pt-page-rotateCarouselLeftOut pt-page-ontop','pt-page-rotateCarouselTopOut pt-page-ontop','pt-page-rotateCarouselBottomOut pt-page-ontop','pt-page-rotateSidesOut', 'pt-page-rotateSlideOut','pt-page-fade','pt-page-moveToLeft','pt-page-moveToLeftEasing pt-page-ontop','pt-page-moveToLeft pt-page-ontop','pt-page-rotateRightSideFirst','pt-page-flipOutLeft','pt-page-rotatePushLeft','pt-page-rotateRoomRightOut pt-page-ontop','pt-page-rotateCarouselRightOut pt-page-ontop'];
		var txname=['moveFromLeft','moveFromBottom','moveFromTop','moveFromLeft ontop','moveFromBottom ontop','moveFromTop ontop','moveFromLeftFade','moveFromBottomFade','moveFromTopFade','moveFromLeft','moveFromBottom','moveFromTop','moveFromRight ontop','moveFromLeft ontop','moveFromBottom ontop','moveFromTop ontop','scaleUpDown','scaleUp scaleDownUp','scaleUp moveToRight ','scaleUp moveToTop ','scaleUp moveToBottom ','scaleUpCenter', 'moveFromLeft ontop','moveFromTop ontop', 'moveFromBottom ontop','flipInLeft','flipInBottom','flipInTop','scaleUp rotateFall','rotateInNewspaper','moveFromLeft rotatePushRight','moveFromBottom rotatePushTop','moveFromTop rotatePushBottom', 'rotatePullLeft','rotatePullBottom','rotatePullTop','moveFromLeftFade','moveFromBottomFade','moveFromTopFade','rotateUnfoldLeft','rotateUnfoldTop','rotateUnfoldBottom','rotateRoomLeftIn','rotateRoomTopIn','rotateRoomBottomIn','otateCubeLeftIn','rotateCubeTopIn', 'rotateCubeBottomIn', 'rotateCarouselLeftIn','rotateCarouselTopIn','rotateCarouselBottomIn','rotateSidesIn','rotateSlideIn','moveFromRight ontop','moveFromRight moveToLeft','moveFromRight moveToLeftEasing','scaleUp moveToLeft', 'moveFromRight ontop','flipInRight', 'moveFromRight','rotateRoomLeftIn', 'rotateCarouselLeftIn'];
		outClass=txout[0];
		inClass=txin[0];
		console.log(outClass)
		console.log(inClass)
		for(var i =0;i<txin.length;i++){
			var dom = '<option value="'+txout[i]+'" in="'+txin[i]+'">'+txname[i]+'</option>';
			$('#pagedropdownxg').append($(dom))
		}
		$('#pagedropdownxg').dropdown({
			onChange:function(value, text, $choice){
			outClass=value;
			inClass=$('.pagedropdownxg option:selected').attr('in');
			console.log(outClass)
			},
		});
	}

	arrowclick();
	dropdowngetstar();
	function arrowclick(){
		$('.arrow').show();
		$('.arrow-right').unbind('click').click(function(){
			console.log(outClass)
			$('.arrow').hide();
			$('.arrow-right').unbind('click')
			$('.arrow-left').unbind('click')
			addclright();
			setTimeout(arrowclick,1500)
		})
		$('.arrow-left').unbind('click').click(function(){
			$('.arrow').hide();
			$('.arrow-right').unbind('click')
			$('.arrow-left').unbind('click')
			addclleft();
			setTimeout(arrowclick,1500);
		})
	}

	function dropdowngetstar(){
		for(var i = 0;i<pdfUrls.length;i++){
			var dom = '<option value="'+i+'">'+(i+1)+'</option>';
			$('#pagedropdown').append($(dom))
		}
		$('#pagedropdown').dropdown({
			onChange:function(value, text, choice){
			var previous = currentpage;
			currentpage= (parseInt(value)-1)
			addclright(previous)
			},
		});
	}

	addPage();
	function addPage(){
	if(pdfUrls.length>3){
		for (var i = 0; i < 3; i++) {
			var dom='<div  class="pt-page addw pt-page-'+i+'">'+
			'<iframe  src="'+pdfUrls[i]+'"  frameborder="0" width="100%" height="100%">'+
			'</iframe>'+
			'</div> ';
			$('.page-body').append($(dom))
		}
		$('.pt-page:first').addClass('pt-page-current');
		}else {
		for (var i = 0; i < pdfUrls.length; i++) {
			var dom = '<div  class="pt-page pt-page-' + i + '">' +
					'<iframe  src="' + pdfUrls[i] + '"  frameborder="0" width="100%" height="100%">' +
					'</iframe>' +
					'</div> ';
			$('.page-body').append($(dom))
		}
	}
		clicklarge();
		$('.pt-page:first').addClass('pt-page-current');
		setTimeout(function(){
			$('.dimmer').removeClass('active');
		},2000)
	/*	clicklarge()*/
	}
/*	var timer;
	startTimer= function(){
		clearTimeout(timer);
		timer=setTimeout(function(){
		addclright();
	},10*1000);
	}*/
/*	document.onmousedown=startTimer
	document.onmousemove=startTimer
	document.onkeydown=startTimer*/
	function addclright(previous){
	if(previous==null||typeof(previous)=="undefined"){
		$('.pt-page-'+currentpage+'').addClass(outClass)
		}else{
		$('.pt-page-'+previous+'').addClass(outClass)
	}
	if(!$('.pt-page-'+(currentpage+1)+'').length>0){
		var dom='<div  class="pt-page pt-page-'+(currentpage+1)+'">'+
		'<iframe src="'+pdfUrls[(currentpage+1)]+'"  frameborder="0" width="100%" height="100%">'+
		'</iframe>'+
		'</div> ';
		$('.page-body').append($(dom))
		/*clicklarge()*/
		setTimeout(changeScale,1500)
		/*clicklarge()*/
	}
	setTimeout(function(){

		currentpage= currentpage==totalpage? 0:currentpage+1
		$('#pagedropdown').dropdown("set selected" ,currentpage);
		$('.pt-page-'+(currentpage)+'').addClass('pt-page-current '+inClass);
		if((currentpage+1)==$('.pt-page').length && $('.pt-page').length<pdfUrls.length){
		var dom='<div  class="pt-page pt-page-'+(currentpage+1)+'">'+
		'<iframe src="'+pdfUrls[(currentpage+1)]+'"  frameborder="0" width="100%" height="100%">'+
		'</iframe>'+
		'</div> ';
		$('.page-body').append($(dom))
			/*clicklarge()*/
			setTimeout(changeScale,1500)
		/*clicklarge()*/
		}
		setTimeout(function(){
			delete_class(outClass,inClass)
			if(!(previous==null||typeof(previous)=="undefined")){
				$('.pt-page-'+previous+'').removeClass('pt-page-current ')
				$('.pt-page-'+previous+'').removeClass(outClass)
			}
		},1000)
	},100)
	}
	function addclleft(){
		if(currentpage>0){
		$('.pt-page-'+currentpage+'').addClass(outClass);
		if(!$('.pt-page-'+(currentpage-1)+'').length>0){
			var dom='<div  class="pt-page pt-page-'+(currentpage-1)+'">'+
			'<iframe src="'+pdfUrls[(currentpage-1)]+'"  frameborder="0" width="100%" height="100%">'+
			'</iframe>'+
			'</div> ';
			$('.page-body').append($(dom))
			/*clicklarge()*/
		}
		setTimeout(function(){
			currentpage= currentpage-1
			$('#pagedropdown').dropdown("set selected" ,currentpage);
			$('.pt-page-'+(currentpage)+'').addClass('pt-page-current '+inClass);
				setTimeout(function(){
					$('.pt-page-'+(currentpage)+'').removeClass(inClass)
					$('.pt-page-'+(currentpage+1)+'').removeClass(outClass)
					$('.pt-page-'+(currentpage+1)+'').removeClass('pt-page-current ')
				},1000)
		},100)
		}else{
		alert("已经是第一张了！")
		}
	}
	function delete_class(outClass,inClass){
		$('.pt-page-'+(currentpage)+'').removeClass(inClass);
		if(currentpage==0){
			manageClass(totalpage,outClass)
		}else{
			manageClass(currentpage-1,outClass)
		}
	}
	function manageClass(index,outClass){
		$('.pt-page-'+index+'').removeClass('pt-page-current ')
		$('.pt-page-'+index+'').removeClass(outClass)
	}
})
</script>

</html>